@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; }
body { font-family:Arial, "Microsoft Yahei"; font-size: 16px; background: #fff; }
form, img, table, td { border:0; }
ul, ol, li { list-style-type:none; display: block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, textarea, img { vertical-align:middle; font-family:Arial, "Microsoft Yahei"; }
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a { color:#507fbd; text-decoration:none; }
a:link { text-decoration:none; }
a:visited { color:#507fbd; }
a:active { color:#f60; }
a:hover { color:#507fbd; }

/* font */
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.ti2 { text-indent:2em;}

/* box */
.pd10{ padding: 10px;}
.pdX10{ padding: 0 10px;}
.pdY10{ padding: 10px 0;}
.pdY5{ padding:5px 0;}
.mgX10{ margin: 0 10px;}
.mgY10{ margin: 10px 0;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.lh20{ line-height: 20px;}
.lh22{ line-height: 22px;}
.mt10e{height:10px; font-size:0px;background:#f4f4f4}
/* color */
.fccc{ color: #ccc;}
.f999{ color: #999;}
.fgray { color:gray;}
.f039,.fblue { color:#039;}
.fgrn{ color: #16ac0e;}
.ff60,.forge { color:#f60;}
.ff90{ color: #f90;}
.fc00{ color: #c00;}
.f333{ color: #333;}
.fdf3{ color: #df3031;}
.f93{ color: #ff9933;}
.f666{color:#ff6666;}
/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0;}
.clearfix:after{ clear: both; content: "\200B"; display: block; height: 0;}
.clearfix{ *zoom: 1;}
.center { text-align: center;}
.none { display: none;}
.flol { float: left;}
.flor { float: right;}
.rbox4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rbox6{ -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}


#cankao{margin-bottom:10px;}/*20150918*/

.news_tab {
    clear: both;
    border-bottom: 1px solid #dfdfdf;
    color: #333;
    padding: 0 12px;
    font-size: 14px;
    height: 41px;
    line-height: 41px;
    background: #ffffff;
}
.mt10e {
    height: 10px;
    font-size: 0px;
    background: #f4f4f4;
}

.news_tab_nav {
    float: left;
    text-align: center;
    white-space: nowrap;
    width: 33%;
    text-align: center;
    padding: 0 9px;
    min-width: 55px
}

.news_tab_nav.on {
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
    font-size: 16px;
    line-height: 40px
}

.news_tab_nav strong {
    font-weight: normal
}


.hide {
    display: none;
}


.news_items_module_wrap {
    min-height: 200px;
}

.news_items_module{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.calculator dl {padding:6px 10px;display: table;width: 100%;line-height:32px;border-top:1px solid #f4f4f4;}
.calculator dl.not {border-top:0px}
.calculator dt{ display: table-cell; vertical-align: top; width: 6.5em;}
.calculator dd{ position: relative; display: table-cell; vertical-align: top; text-align: left; color: #999;font-size: 14px;}
.calculator dd a { color: #999;}
.calculator  ul {border-bottom:1px solid #f4f4f4;padding:0 10px 10px 10px}
.calculator ul li {line-height:22px;margin-top:10px;}
/*.calculator ul li .ipt-cb{float: left; width: 20px; height: 20px; background:url(../../../img/Home/Cal/icon-ipt.png) no-repeat; background-size: 40px auto;margin-right:10px; -webkit-appearance:none!important; appearance:none!important; outline:none;}*/
.calculator ul li .ipt-cb{float: left; width: 20px; height: 20px; background:url(../../../img/Home/Cal/icon-ipt.png) no-repeat; background-size: 40px auto;margin-right:10px; -webkit-appearance:none!important; appearance:none!important; outline:none;border:0px;}
.calculator ul li .ipt-cb:checked{ background-position:-20px 0;}

.calculator .ipt-text{background-color: #fff;color: #999;border:0px;height: 32px; line-height: normal; font-size: 16px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.calculator .ipt-text:focus{ color: #333; background-color: #fff;}
.calculator .ipt-text:-webkit-input-placeholder{color: #999}
.calculator .ipt-texta{background-color: #fff;color: #999;border:0px;height: 32px; line-height: normal; font-size: 16px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.calculator .ipt-texta:focus{ color: #333; background-color: #fff;}
.calculator .ipt-texta:-webkit-input-placeholder{color: #999}
.calculator .flexbox i{ margin: 0 5px; -moz-box-flex: 0; -webkit-box-flex: 0; box-flex: 0; line-height: 32px; font-style: normal; }
.calculator .flexbox i:first-child{ margin-left: 0;}
.calculator .flexbox i:last-child{ margin-right: 0;}

.calculator dd select {border: none;width: 100%;margin: 0;padding: 0;height:32px;line-height:32px;font: inherit;-webkit-appearance: none;color: #999;background-color: transparent;}
.hkmethods{height:32px;line-height:32px;color:#999;font-size:14px;background:#fafafa;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;}
.hkmethodsa{height:32px;line-height:32px;color:#999;font-size:14px;background:#fafafa;}
.methodbox{padding:25px 40px 15px 40px;border-bottom:1px solid #f4f4f4}
.methodbox.nob{ border-bottom: 0px}
.methodbox p{line-height:24px;color:#999;margin-top:10px;}

.methodboxa{padding:15px 40px 0 40px;}
.methodboxa.nob{ border-bottom: 0px}
.methodboxa p{line-height:24px;color:#999;margin-top:10px;}
/* flex */
html,body{ height: 100%;}
* {/* -webkit-tap-highlight-color: rgba(0,0,0,0); *//* -webkit-box-sizing: border-box; */ -moz-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;}

/*月供*/


.mTab{ margin: 0 auto; max-width:480px;}
.mTab .flexbox{ width:100%; padding:1px; border:1px solid #f66; border-radius:2px; }
.mTab a{ -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1; text-align:center; border-radius:2px; width: 50px; height:30px; line-height:30px; color:#f66;}
.mTab a.active{ background-color:#f66; color: #fff;}

.btn-cal{ margin:0 auto;display: block;max-width:480px; height:36px; line-height: 36px; font-size: 14px; border: none; border-radius:2px; text-align: center; cursor: pointer; background-color: #df3031; color: #fff !important; }

.jsresults{padding:0px 10px 0px 10px;border-top: 1px solid #f4f4f4;}
.jsresults h3{color:#999;line-height:32px;}
.jsresults01{height:140px;position: relative; }
.jsresults01:after{ position: absolute; content: ''; right: -4px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: url(../../../img/Home/Cal/arrs01.png) no-repeat; background-size: 15px auto;}
/*20150522 jsresults10 为了去掉after伪类兼容*/

.jsresults10 .rquan{width:140px;height:140px;margin:0 auto; background-size:140px;-webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1;position:relative;}
/*.jsresults10 .rquan.bj01{background:url(../../../img/Home/Cal/quan2.png) no-repeat;background-size:140px;}*/
.jsresults10 .rquan .info{width:70px;height:20px;line-height:20px;color:#999;position: absolute;top:60px;left:35px; text-align:center;font-size:14px;z-index:1;}
/*20150522 jsresults10 为了去掉after伪类兼容*/
.jsresults10 .quan{width:140px;height:140px; overflow:hidden; margin:0 auto; background:url(../../../img/Home/Cal/quan.png) no-repeat; background-size:140px;position: relative;}
/*.jsresults10 .quan.bj01{background:url(../../../img/Home/Cal/quan3.png) no-repeat; background-size:140px;}*/
.jsresults10 .quan .info{width:70px;height:50px;line-height:24px;color:#999;position: absolute;top:45px;left:32px; text-align:center}
.jsresults10 .quan .info em{font-style:normal;color:#f66; display:block}

.jsresults01 .quan{width:140px;height:140px; overflow:hidden; margin:0 auto; background-size:140px;position: relative;}
.jsresults01 .quan .info{width:70px;height:50px;line-height:24px;color:#999;position: absolute;top:45px;left:32px; text-align:center;z-index: 1;}
.jsresults01 .quan .info em{font-style:normal;color:#f66; display:block}
.jsresults02{margin-top:20px;}
.jsresults02 dl{display: table;width: 100%;line-height:30px;}
.jsresults02 dt{ display: table-cell; vertical-align: top; width: 7.5em;padding-left:25px;}
.jsresults02 dt.bj01,.jsresults02 dt.bj02,.jsresults02 dt.bj03{ background:url(../../../img/Home/Cal/quan_icon.png) no-repeat 0 6px; background-size:10px;}
.jsresults02 dt.bj02{ background-position:0 -17px}
.jsresults02 dt.bj03{ background-position:0 -42px}
.jsresults02 dd{ position: relative; display: table-cell; vertical-align: top; text-align: right; color: #999;font-size: 14px;}
.taxation01{padding:25px 40px; background:#fafafa}
.jsresults03{margin-top:10px;}
.jsresults01 .rquan{width:140px;height:140px;margin:0 auto; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1;position:relative;}
.jsresults01 .rquan .info{width:70px;height:20px;line-height:20px;color:#999;position: absolute;top:60px;left:35px; text-align:center;font-size:14px;z-index:1;}
.jsresults03  dl{display: table;line-height:28px;width: 100%;}
.jsresults03  dt{ display: table-cell; vertical-align: top; padding-left:25px;width:11em;}
.jsresults03  dt.bj01,.jsresults03 dt.bj02,.jsresults03 dt.bj03,.jsresults03 dt.bj04,.jsresults03 dt.bj05,.jsresults03 dt.bj06,.jsresults03 dt.bj07{background:url(../../../img/Home/Cal/quan_icon.png) no-repeat 0 8px; background-size:10px;}
.jsresults03  dt.bj02{ background-position:0 -20px}
.jsresults03  dt.bj03{ background-position:0 -42px}
.jsresults03  dt.bj04{ background-position:0 -68px}
.jsresults03  dt.bj05{ background-position:0 -92px}
.jsresults03  dt.bj06{ background-position:0 -142px}
.jsresults03  dt.bj07{ background-position:0 -117px}
.jsresults03  dd{ position: relative; display: table-cell; vertical-align: top; text-align: right; color: #999;font-size: 14px;}

.mlist{padding:10px;}
.mlist dl {display: table;width: 100%;line-height:32px;}
.mlist dt{ display: table-cell; vertical-align: top; width: 8em;}
.mlist dd{ position: relative; display: table-cell; vertical-align: top; text-align: right; color: #999;font-size: 14px;}
.mlist dd a { color: #999;}
.mlisttab{line-height:32px; background:#e4e4e4;color:#333;font-size:14px;padding:0 0px;}
.mlisttab table {text-align: center;font-size: 14px;width:100%;background:#fff}
.mlisttab table th {padding: 0 5px;height: 30px;line-height: 30px;background-color: #e4e4e4;font-weight: normal;}
.mlisttab table td {padding: 4px 5px;color: #999;}
.mlisttab table td.lf4 {background:#f4f4f4;padding-left:10px; text-align:left}
.mt32e{line-height:32px; font-size:14px;background:#f4f4f4;color:#ff6666;padding: 6px 10px; text-align:right;}
.mt32e img{width:12px;height:16px; vertical-align: middle;margin-top:-4px;margin-right:4px;}
.mt32e a{color:#ff6666}




.btn-cal {
    margin: 0 auto;
    display: block;
    max-width: 480px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    background-color: #df3031;
    color: #fff !important;
}
